﻿@{
    ViewBag.Title = "GetTime";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<h2>Get Time</h2>

<p style="color: #008000">
    The time is: <strong id="time"></strong>
</p>
<p>
    Offset: <strong id="zoneOffset"></strong>
</p>

<script type="text/javascript">
    $(document).ready(function() {
        function displayTime() {
            var now = new Date();
            $('#time').text(ZEUS.TIME.getTimeAPM(now, true));

            var offset = now.getTimezoneOffset();
            var offsetHours = offset / 60;
            $('#zoneOffset').text(offsetHours);
        }

	    displayTime();
	    setInterval(displayTime,1000);
    });
</script>
